<template>
  <div :title="title">
    <el-button :="$attrs"></el-button>
  </div>
</template>

<script setup lang="ts">
//传递父组件传过来的数据
//let props = defineProps(["type"]);

//vue3框架提供一个方法useAttrs方法它可以获取组件身上的属性与事件！！！
import { useAttrs } from "vue";

let $attrs = useAttrs();
//在子组件中同时用useAttrs()和defineProps,一旦definePorps接受了，useAttrs就获取不到了，也就是所props优先级更高
let props = defineProps(["title"]);
//console.log("props", props);
console.log($attrs);
</script>

<style lang="scss" scoped></style>
